<template>
	<router-view />
</template>
<script>
import screenfull from 'screenfull'
export default {
	created () {
		var el = document.getElementById('app');
		el.ondblclick = () => {
			screenfull.toggle();
		}
	},
	methods: {
	}
}
</script>
<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
}

nav {
	padding: 30px;
}

nav a {
	font-weight: bold;
	color: #2c3e50;
}

nav a.router-link-exact-active {
	color: #42b983;
}
</style>
